<template>
  <div class="tab5">
    <div class="container">
      <el-row>
        <el-col :span="12">
          <Aside :asideList="Tab5list" title="专业介绍"></Aside>
        </el-col>
        <el-col :span="12">
          <Card title="专业介绍" :card2="cardList"></Card>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      Tab5list: [
        {
          id: 0,
          label: '工商企业管理'
        },
        {
          id: 1,
          label: '电子商务'
        },
        {
          id: 2,
          label: '现代物流管理'
        },
        {
          id: 3,
          label: '市场营销'
        },
        {
          id: 4,
          label: '国际商务'
        },
        {
          id: 5,
          label: '大数据与会计'
        },
        {
          id: 6,
          label: '大数据与财务管理'
        }
      ],
      cardList: [
        {
          id: 0,
          title: '专业介绍',
          subclass: [
            {
              label: '物流管理专业',
              date: '2022-2-15'
            },
            {
              label: '大数据与会计',
              date: '2022-2-15'
            },
            {
              label: '电子商务专业',
              date: '2022-2-15'
            },
            {
              label: '工商企业管理',
              date: '2022-2-15'
            },
            {
              label: '国际商务专业',
              date: '2022-2-15'
            },
            {
              label: '市场营销专业',
              date: '2022-2-15'
            }
          ]
        }
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.container {
  width: 1200px;
  margin: 0 auto;
}
</style>
